.topiclist-topic{
    font-size: 16PX;
    display: flex;
    flex-direction: row;//从左向右
    width: 100%;
    margin: 20PX 0;
    // padding: 0 10PX;
    .head-img{
        width: 30PX;
        height:30PX;
        border-radius: 50%;
        min-width: 30PX;
        margin-left:10PX;

    }
    .right{
        padding: 0 10PX;
        display:flex;
        flex-direction: column;//从上到下
        flex-grow: 1;//剩下的全占上
        margin-left:10PX;
        .topic-title,.topic-info{
            display:flex;
            flex-direction: row;
            align-items: baseline;//以基本线对齐
            .topic-up{
                background: #f48fb1;
                color: #fff;
                padding: 2PX 4PX;
                text-align: center;
                border-radius: 2PX;
                min-width: 30PX;
                font-size: 12PX;
                margin-right:10PX;
            }
            .blue{
                background: blue;
            }
        }
        .topic-info{
            font-size: 12PX;
            color:#757575;
            justify-content: space-between; //两端对齐
            margin: 10PX 0;
        }
    }
}